body{
    width: 100%;
}
    .right_text{
        background-color: #f4f6f9;
    }

        .right_text_top{
            display: flex;
            width: 1300px;
        }
            .right_text_top div{

            }
                .layui-col-xs3{
                    height: 170px;
                    margin-left: 10px;
                    margin-right: 10px;
                    margin-top: 10px;
                    border-radius: 5px;
                }
                .right_text_top_one{
                    background-color: #16a3b9;
                }
                .right_text_top_two{
                    background-color: #28a744;
                }
                .right_text_top_three{
                    background-color: #fec005;
                }
                .right_text_top_four{
                    background-color: #dc3343;
                }
                    .statistics{
                        height: 80%;
                    }
                        .statistics_num{
                            height: 60%;
                            display: flex;
                        }
                            .num{
                                color: #FFFFFF;
                                font-size: 40px;
                                margin-left: 15px;
                                font-weight: bold;
                                align-self: center;
                            }
                        .statistics_text{
                            color: #FFFFFF;
                            font-size: 20px;
                            margin-left: 10px;
                        }
                    .information{
                        height: 20%;
                        display: flex;
                        background-color: #0C0C0C;
                        opacity:0.3;
                        border-radius: 3px;
                    }
                        .information_text{
                            color: #FFFFFF;
                            font-weight: bold;
                            font-size: 15px;
                            align-self: center;
                            margin: 0 auto;
                        }
                        .information_text a{
                            color: #FFFFFF;
                        }
        .right_text_middle{
            border: 1px solid #cccccc;
            background-color: #FFFFFF;
            height: 400px;
            width: 1300px;
            margin: 0 auto;
            margin-top: 10px;
            border-radius: 5px;
        }
            .right_text_middle_top{
                width: 100%;
                height: 20%;
                border-bottom: 1px solid #cccccc;
                display: flex;
            }
               .right_text_middle_top_left{
                   flex: 5;
                   margin-top: 10px;
                   font-size: 15px;
                   padding-left: 20px;
               }
                    .right_text_middle_top_left i{
                        font-size: 20px;
                        margin-top: 20px;
                    }

               .right_text_middle_top_right{
                   flex: 5;
                   text-align: right;
                   margin-top: 5px;
                   margin-right: 15px;
               }
               #Area{
                   background-color: #017bff;
                   color: #FFFFFF;
               }
               #Donut{

               }
               .right_text_middle_top_right button{
                   border: none;
               }
            .right_text_middle_bottom{
                height: 79%;
            }
                .bar_chart{
                    height: 100%;
                    margin-right: 10px;

                }
                    #bar_chart{
                        width: 1300px;
                        height: 300px;
                    }
                .line_chart{
                    width: 100%;
                    height: 100%;
                }
                    #line_chart{
                        width: 1300px;
                        height: 300px;
                    }
        .right_text_bottom{

        }

            .chinaMapOperation{
                display: flex;
                width:595px;
                margin-left: 3%;
                margin-top: 2%;
                background-color: #1485fe;
            }
                .chinaMapOperation_left{
                    display: flex;
                    flex: 6;
                    color: #FFFFFF;
                }

                    .chinaMapOperation_left_icon{
                        font-size: 20px;
                        margin-left: 70px;
                        align-self: center;
                    }
                    .chinaMapOperation_left_text{
                        font-size: 20px;
                        align-self: center;
                    }
                .chinaMapOperation_right{
                    flex: 6;
                }
                    #hide{
                        border: none;
                        background-color: #017bff;
                        color: #ffffff;
                        font-weight: bold;
                        margin-left: 50%;
                    }
                    #appear{
                        border: none;
                        background-color: #017bff;
                        color: #ffffff;
                        font-weight: bold;


                    }
            #chinaMap{
                margin-bottom: 20px;
                width:595px;
                height:500px;
                margin-left: 3%;
                background-color: #1485fe;
            }
            .pie_chart{
                height: 100%;
                margin-right: 10px;
            }
                #pie_chart{

                    margin-bottom: 20px;
                    background-color:#414a59;
                    margin-top: 10px;
                    width:625px;
                    height: 540px;
                }